<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"  
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>
            <h:outputText value="Sistema de Seguridad de Aplicaciones - SSA" />
        </title>
    </h:head>
    <h:body>
        <ui:composition template="/WEB-INF/facelets/templates/mainLayout.xhtml">            
            <ui:define name="menuPrincipal">
                <ui:include src="/frmMenu.xhtml"/>
            </ui:define>
            <ui:define name="content" >
                <p:blockUI block=":frmUsuariosSinIngresos:panSinIngresos" 
                           trigger=":frmUsuariosSinIngresos:buscarButton" 
                           widgetVar="blkPanel">
                    Espere mientras se cargan los datos<br /> 
                    <p:graphicImage value="/resource/images/loading.gif" style="width: 65px; height: 50px;"/>
                </p:blockUI>
                <h:form id="frmUsuariosSinIngresos" onkeypress="if (event.keyCode == 13) return false;">
                    <p:growl showSummary="false" showDetail="true" id="msjFiltro"/>
                    <p:panel id="panSinIngresos" header="Reporte Usuarios Sin Ingresos" >
                        <table style="width:100%;" >
                            <thead>
                                <tr>
                                    <td style="width: 100px;">
                            <h:outputText value="Codigo Usuario:"/> 
                            </td>
                            <td style="width: 150px;">
                            <p:inputText id="txtBusCodUsuario" value="#{reporteUsuarioSinAccesoController.txtBusCodUsuario}" style="width: 90px;" maxlength="12">
                            </p:inputText>
                            </td>
                            <td style="width: 100px;">
                            <h:outputText value="Nombre Usuario:"/> 
                            </td>
                            <td style="width: 270px;">
                            <p:inputText id="txtBusNomUsuario" value="#{reporteUsuarioSinAccesoController.txtBusNomUsuario}" style="width: 240px;" maxlength="100">
                            </p:inputText>
                            </td>
                            <td style="width: 100px;">
                            <h:outputText value="Módulo:"/> 
                            </td>
                            <td style="width: 270px;">
                            <p:selectOneMenu id="lstBusModulo" value="#{reporteUsuarioSinAccesoController.txtBusIdModulo}"
                                             style="width: 248px;" >                                        
                                <f:selectItem itemValue="#{null}" itemLabel="(Todos)" />
                                <f:selectItems var="varmodulo" 
                                               value="#{reporteUsuarioSinAccesoController.lstModulos}" 
                                               itemValue="#{varmodulo.id}"
                                               itemLabel="#{varmodulo.txtModulo}" />
                            </p:selectOneMenu>
                            </td>                                    
                            <td></td>                                    
                            </tr>
                            <tr>
                                <td style="width: 100px;">
                            <h:outputText value="Fecha Inicio:"/> 
                            </td>
                            <td style="width: 150px;">
                            <p:calendar id="txtBusFecInicio" 
                                        value="#{reporteUsuarioSinAccesoController.txtBusFecInicio}" 
                                        size="14"
                                        showOn="button" 
                                        locale="es" 
                                        pattern="dd/MM/yyyy" 
                                        navigator="true" 
                                        requiredMessage="Ingrese la fecha de inicio" 
                                        mindate="01/01/1900"
                                        maxdate="#{reporteUsuarioSinAccesoController.txtBusFecFin}"
                                        required="#{reporteUsuarioSinAccesoController.txtBusFecFin ne null}"
                                        readonlyInput="true"                                                            
                                        yearRange="1900:">
                                <p:ajax update="txtBusFecFin" event="dateSelect"/>
                            </p:calendar>
                            </td>
                            <td>
                            <h:outputText value="Fecha Fin:"/> 
                            </td>
                            <td>
                            <p:calendar id="txtBusFecFin" 
                                        value="#{reporteUsuarioSinAccesoController.txtBusFecFin}" 
                                        size="14"
                                        showOn="button" 
                                        locale="es" 
                                        pattern="dd/MM/yyyy" 
                                        navigator="true" 
                                        requiredMessage="Ingrese la fecha de fin" 
                                        maxdate="#{reporteUsuarioSinAccesoController.txtToday}"
                                        mindate="#{reporteUsuarioSinAccesoController.txtBusFecInicio}"
                                        required="#{reporteUsuarioSinAccesoController.txtBusFecInicio ne null}"
                                        readonlyInput="true"                                                            
                                        yearRange="1900:"
                                        >
                                <p:ajax update="txtBusFecInicio" event="dateSelect"/>
                            </p:calendar>
                            </td>
                            <td  colspan="2">

                            </td>
                            <td style="text-align: left;">
                            <p:commandButton process="@this, txtBusCodUsuario, txtBusNomUsuario, txtBusFecInicio,txtBusFecFin, lstBusModulo" value="Buscar" icon="ui-icon-search"  id="buscarButton"
                                             update=":frmUsuariosSinIngresos:grdSinAcceso, msjFiltro, menuOpciones" actionListener="#{reporteUsuarioSinAccesoController.search}"/> 
                            <p:commandButton style="margin-right: 5px;" value="Limpiar" actionListener="#{reporteUsuarioSinAccesoController.limpiar}" icon="ui-icon-cancel" update="@all"></p:commandButton>
                            </td>
                            </tr>                                
                            </thead>  
                            <tbody>
                                <tr>
                                    <td colspan="7">
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="7">
                            <p:menubar style="width: 99%;" id="menuOpciones">
                                <p:menuitem value="Imprimir" 
                                            icon="ui-icon-print" 
                                            actionListener="#{reporteUsuarioSinAccesoController.print(0)}" 
                                            ajax="false" 
                                            
                                            disabled="#{empty reporteUsuarioSinAccesoController.lstUsuarioSinAcceso}">
                                </p:menuitem>
                                <p:menuitem value="Exportar" 
                                            icon="ui-icon-extlink" 
                                            actionListener="#{reporteUsuarioSinAccesoController.print(1)}" 
                                            ajax="false" 
                                            title="Exportar a Excel"
                                            disabled="#{empty reporteUsuarioSinAccesoController.lstUsuarioSinAcceso}">
                                </p:menuitem>
                            </p:menubar>
                            </td>
                            </tr>
                            <tr>
                                <td colspan="7">
                                    <div style="height: 420px; overflow-y: auto;overflow-x:hidden;">
                                        <p:dataTable id="grdSinAcceso" var="item" 
                                                     value="#{reporteUsuarioSinAccesoController.lstUsuarioSinAcceso}" 
                                                     paginator="true" rows="20"
                                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                                     rowsPerPageTemplate="20,30,50,100"
                                                     emptyMessage="Filtro sin resultados. Ingrese un filtro para listar usuarios sin accesos."
                                                     rowIndexVar="index"
                                                     currentPageReportTemplate="{startRecord}-{endRecord} de {totalRecords} Registros">>
                                            <p:column style="text-align: center; width: 60px;">
                                                <f:facet name="header">
                                                    <h:outputText value="Código de Usuario"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.COD_USUARIO}" />
                                            </p:column>
                                            <p:column style="text-align: center; width: 180px">
                                                <f:facet name="header">
                                                    <h:outputText value="Nombre Usuario"/>
                                                </f:facet>                            
                                                <div style="text-align: left;" >
                                                    <h:outputText value="#{item.NOMBRES}" />                                                
                                                </div>                                                
                                            </p:column>
                                            <p:column style="text-align: center; width: 180px">
                                                <f:facet name="header">
                                                    <h:outputText value="Código y Unidad Territorial"/>
                                                </f:facet>                                                
                                                <div style="text-align: left;" >                                                
                                                    <h:outputText value="#{item.COD_ZONAL.concat(' - ').concat(item.TXT_ZONAL)}" />
                                                </div>
                                            </p:column>
                                            <p:column style="text-align: center; width: 220px">
                                                <f:facet name="header">
                                                    <h:outputText value="Código y Módulo"/>
                                                </f:facet>                                                
                                                <div style="text-align: left;" >                                                
                                                    <h:outputText value="#{(item.NID_MODULO eq null)?null:''.concat(item.NID_MODULO).concat(' - ').concat(item.TXT_MODULO)}" />
                                                </div>
                                            </p:column>                                             
                                            <p:column style="text-align: center; width: 80px">
                                                <f:facet name="header">
                                                    <h:outputText value="Última Fecha de ingreso al Módulo"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.FEC_REGISTRO}"/>
                                            </p:column>
                                        </p:dataTable>
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </p:panel>
                </h:form>
            </ui:define>
        </ui:composition>
    </h:body>
</html>